<template>
  <div id="box">
    <van-nav-bar
            title="消息中心"
            left-text=""
            left-arrow
            @click-left="onClickLeft"
            :border="false"    
    />
    <main>
      <van-card
            title="王律师"
            desc="[新的消息]"
            thumb="/img/Jie_img/组2.png"
            icon-size="40px"
      /> 
      <van-card
            title="王律师"
            desc="[新的消息]"
            thumb="/img/Jie_img/组2.png"
            icon-size="40px"
      /> 
    </main>
  </div>
</template>

<script>
import { Toast } from 'vant';
export default {
    methods:{
      goSystem(){
        console.log(this.$router);
      },

      onClickLeft() {
        this.$router.go(-1);
    },
    
    },
   
}
</script>

<style scoped>
/* scoped 让样式只在当前组件生效  ！important(父子元素存在同样类名时用)*/
.box{
   background: orange;
}
main{
  width:7.5rem;
  height:12.92rem;
  background-color: #f2f2f2;
}
.photo img{
  width: 4.8rem;
  height:3.94rem ;
  margin-top: 2.06rem;
  margin-left:1.4rem;
}

.van-card__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    justify-content: center;
    min-width: 0;
    min-height: 0.65px;
}
 .van-card__content {
   height: 1.19rem;
} 
a.van-card__thumb {
    width: 0.83rem;
    height:0.83rem;
    line-height: 1.2rem;
}
</style>